/**边框阴影**/
.box-shadow(@shadow : 0 1px 8px 2px rgba(0,0,0,0.12)){
	box-shadow: @shadow;
}

.border-radius(@radius: 3px){
	border-radius: @radius;
}
.clearfix() {
  &:before,
  &:after {
    content: " "; 
    display: table;
  }
  &:after {
    clear: both;
  }
}

// Overflow text
.overflow() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
// Single side border-radius
.border-top-radius(@radius) {
  border-top-right-radius: @radius;
   border-top-left-radius: @radius;
}
.border-right-radius(@radius) {
  border-bottom-right-radius: @radius;
     border-top-right-radius: @radius;
}
.border-bottom-radius(@radius) {
  border-bottom-right-radius: @radius;
   border-bottom-left-radius: @radius;
}
.border-left-radius(@radius) {
  border-bottom-left-radius: @radius;
     border-top-left-radius: @radius;
}

// Fixed width & height
.fixed-width(@value){
  width: @value;
  min-width: @value;
  max-width: @value;
}
.fixed-height(@value){
  height: @value;
  min-height: @value;
  max-height: @value;
}


/*按钮类型和尺寸*/
.button-type(@text-color; @bg-color; @bg-hover-color; @bg-active-color; @border-color){
	color: @text-color;
	background-color: @bg-color;
	border-color: @border-color;

	&.rd-btn-plain{
		background-color: transparent;
		border-color: transparent;
	}

	&:hover{
		background-color: @bg-hover-color;
	}
	
	&:active{
		background-color: @bg-active-color;
	}
}

.button-size(@btn-v-padding; @btn-h-padding; @btn-font-size; @btn-height; @btn-border-radius){
	padding: @btn-v-padding @btn-h-padding;
  	font-size: @btn-font-size;
  	height: @btn-height;
  	line-height: (@btn-height - 2 * @btn-border-width);
  	border-radius: @btn-border-radius;
  	
  	.fa{
  		font-size: @btn-font-size;
  	}
}

